
<html>

<head>
	<meta charset="utf-8">
    <title>主页</title>
    <style>
    	menu,h1,ul{
    		margin:0;
    	}
    	html,body{
    		margin:0;
    		height: 100%;
    		font-size: 14px;
    	}
    	body>header{
    		line-height: 80px;
    		text-align: center;
    		background: #999;
    		height: 80px;
    	}
    	body>header>h1{
    		display: inline;
    		text-align: center;
    	}
    	.body{
    		position: absolute;
    		top:80px;
    		bottom: 0;
    		width: 100%;
    	}
    	
    	.body>menu{
    		position:absolute;
    		left:0;
    		width:200px;
    		height:100%;
    		background: #eee;
    		box-sizing: border-box;
    	}
    	.body>main{
    		margin-left: 200px;
    		height: 100%;
    	}
    	main>iframe{
    		height:100%;
    		width: 100%;
    		border:0;
    		display: block;
	
    	}
    
    </style>
</head>
<body>
    <header>
    	<h1>佳佳乐VIP消费查询系统</h1>
    	<span>
    		<b id="userNameEL">加载中...</b>
    		<a href="/logout.do">退出登录</a>
    	</span>
    </header>
    <section class="body">
    	<menu>
    		<ul>
    		<li>
    			<a href="/vip/load.html" target="mainFrame">VIP客户查询</a>
    		</li>
    		<li>
    			<a href="/vip/manage/add.html" target="mainFrame">录入VIP客户</a>
    		</li>	
    		<li>
    			<a href="/vip/manage/list.html" target="mainFrame">VIP客户管理</a>
    		</li>	
    		<li>
    			<a href="/vip-consume/load.html" target="mainFrame">查看VIP消费记录</a>
    		</li>	
    		<li>
    			<a href="/vip-consume/add.html" target="mainFrame">录入VIP消费记录</a>
    		</li>	
    		<li>
    			<a href="/vip-consume/order.html" target="mainFrame">订单记录管理</a>
    		</li>	
    		<li>
    			<a href="/update-password.html" target="mainFrame">修改密码</a>
    		</li>	
    		</ul>
    	</menu>
    	<main>
    		<iframe name="mainFrame" src="welcome.html"></iframe>
    	</main>
    </section>
     <script src="/static/js/jquery.js"></script>
        <script src="/static/js/yi.toast.js"></script>
   <script>
   	$(function(){
   		paintUserInfo();
   	})
   	
   	const paintUserInfo=function(){
   		let currentUser=sessionStorage.getItem("currentUser");
   		currentUser=JSON.parse(currentUser);
   		$("#userNameEL").text(currentUser.name);
   	};
   </script>
</body>
</html>
